/* common */
html, body {
  position: relative;
  height: 100%;
}
body {
  background: #eee;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color:#000;
  margin: 0;
  padding: 0;
  min-width: 1200px;
}
.swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background-size: cover !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.header{
  position: fixed;
  top: 30px;
  right: 50px;
  display: flex;
  font-size: 16px;
  z-index: 99;
  color: #fff;
}
.header p{
  padding:0 4px 10px;
  cursor: pointer;
}
.active{
  border-bottom: 2px solid #fff;
}
.header .connectMy{
  margin-left: 50px;
}
img{
  width: 100%;
  height: 100%;
}
.swiper-pagination-bullet{
width: 10px;
height: 10px;
background: #fff;
opacity: .5;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
width: 20px;
height: 20px;
background: #fff;
opacity: 1;

}
.swiper-container-vertical>.swiper-pagination-bullets{
margin-right: 45px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
height: 200px;
}

.center_box{
  width: 10rem;
  display: flex;
  /* justify-content: space-between; */
}
.center_box .box_left{
  width: 5.15rem;
  height: 6.38rem;
}
.center_box .box_left .leftImg{
  width: 3.2rem;
  height: 100%;
}
.center_box .box_right{
  width: 4.92rem;
  height: 6.36rem;
  display: flex;
  flex-direction: column;
  padding: .38rem 0;
  align-items: flex-start;
  box-sizing: border-box;
  justify-content: space-between;
}
.center_box .box_right .title01{
  line-height: .6rem;
  font-size:.6rem;
  font-family:SourceHanSansSC;
  font-weight:bold;
  color:rgba(255,255,255,1);
}
.center_box .box_right .detail01{
  line-height: .46rem;
  font-size:.46rem;
  color:rgba(255,255,255,1);
}
.center_box .box_right .box_code{
  width:1.82rem;
  height:2.12rem;
  border-radius:.15rem;
}
/* 第二张图 */
.center_box02{
  width: 7.22rem;
  display: flex;
  justify-content: space-between;
}
.center_box02 .box_left{
  box-sizing: border-box;
  padding: .3rem 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end; 
}
.title02{
  font-size: .6rem;
  line-height: .6rem;
  padding-bottom: 11px;
  color: #fff;
  border-bottom: .02rem solid #F7F7F7;
}
.detail02{
  font-size: .36rem;
  line-height: .48rem;
  color: #F8B62C;
}
.details02{
  font-size: .24rem;
  line-height: .36rem;
  color: #fff;
  text-align:right;
}
.box_code{
  width:1.82rem;
  height:2.12rem;
  border-radius:.15rem;
}
.center_box02 .box_right{
  width: 3.18rem;
  height: 6.32rem; 
}
.center_box03,.center_box05{
  width: 10rem;
  height: 6.38rem;
  margin: 0 auto;
  display: flex;
}
.center_box03 .box_left{
  width: 5.15rem;
}
.center_box03 .box_left img{
  width: 3.18rem;
  height: 100%; 
  padding-left: 1.1rem;
}
.center_box03 .box_right{
  padding:.3rem 0 .3rem 1rem ;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start; 
}
.center_box04{
  width: 10rem;
  height: 6.38rem;
  margin: 0 auto;
  display: flex;
}
.center_box04 .box_left{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0.3rem 0;
}
.center_box04 .box_left .title02{
  text-align: right;
}

.center_box04 .box-right{
  width: 4.85rem;
  height: 100%;
}
.center_box04 .box_right img{
  width: 3.18rem;
  height: 100%;
  padding-left: 1.1rem;
}
.center_box05 .box_left{
  width: 5.15rem;
  height: 100%;
  display: flex;
  align-items: center;
}
.center_box05 .box_left .address{
  width: 5.15rem;
  height: 5.15rem;
}
.center_box05 .box-right{
  padding-left: 1rem;
  padding-top: .8rem;
  text-align: left;
}
.center_box05 .box-right .title05{
  font-size: .6rem;
  line-height: .6rem;
  padding-bottom: .18rem;
  color: #fff;
  border-bottom: .02rem solid #F7F7F7;
  padding-top: .76rem;
}
.center_box05 .box-right ul{
  padding-top: .2rem;
}
.center_box05 .box-right ul li{
  display: flex;
  flex-direction: column;
  padding-top: .3rem;
  font-size: .24rem;
  line-height: .24rem;
  text-align: left;
}
.center_box05 .box-right ul li span:nth-child(1){
  color: #fff;
}
.center_box05 .box-right ul li span:nth-child(2){
  color: #f8b62d;
  padding-top:.14rem ;
}

/* 媒体查询--------------------------- */
@media screen and (max-width: 1200px) {
  .center_box{
    width: 625px;
    display: flex;
  }
  .center_box .box_left{
    width: 319px;
    height: 400px;
  }
  .center_box .box_left .leftImg{
    width: 200px;
    height: 100%;
  }
  .center_box .box_right{
    width: 307px;
    height: 400px;
    display: flex;
    flex-direction: column;
    padding: 24px 0;
    align-items: flex-start;
    box-sizing: border-box;
    justify-content: space-between;
  }
  .center_box .box_right .title01{
    line-height: 38px;
    font-size:38px;
    font-family:SourceHanSansSC;
    font-weight:bold;
    color:rgba(255,255,255,1);
  }
  .center_box .box_right .detail01{
    line-height:29px;
    font-size:29px;
    color:rgba(255,255,255,1);
  }
  .center_box .box_right .box_code{
    width:114px;
    height:132px;
    border-radius:9px;
  }
  /* 第二张图 */
  .center_box02{
    width: 451px;
    display: flex;
    justify-content: space-between;
  }
  .center_box02 .box_left{
    box-sizing: border-box;
    padding: 19px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end; 
  }
  .title02{
    font-size: 38px;
    line-height: 38px;
    padding-bottom: 11px;
    color: #fff;
    border-bottom: 2px solid #F7F7F7;
  }
  .detail02{
    font-size: 22px;
    line-height: 30px;
    color: #F8B62C;
  }
  .details02{
    font-size: 15px;
    line-height: 22px;
    color: #fff;
    text-align:right;
  }
  .box_code{
    width:114px;
    height:132px;
    border-radius:9px;
  }
  .center_box02 .box_right{
    width: 199px;
    height: 400px; 
  }
  .center_box03,.center_box05{
    width: 625px;
    height: 400px;
    margin: 0 auto;
    display: flex;
  }
  .center_box03 .box_left{
    width: 319px;
  }
  .center_box03 .box_left img{
    width:199px;
    height: 100%; 
    padding-left: 69px;
  }
  .center_box03 .box_right{
    padding:19px 0 19px 62px ;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start; 
  }
  .center_box04{
    width: 625px;
    height: 400px;
    margin: 0 auto;
    display: flex;
  }
  .center_box04 .box_left{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    padding: 19px 0;
  }
  .center_box04 .box_left .title02{
    text-align: right;
  }
  
  .center_box04 .box-right{
    width: 303px;
    height: 100%;
  }
  .center_box04 .box_right img{
    width: 199px;
    height: 100%;
    padding-left: 69px;
  }
  .center_box05 .box_left{
    width: 319px;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .center_box05 .box_left .address{
    width: 319px;
    height: 319px;
  }
  .center_box05 .box-right{
    padding-left: 62px;
    padding-top: 50px;
    text-align: left;
  }
  .center_box05 .box-right .title05{
    font-size: 38px;
    line-height: 38px;
    padding-bottom: 11px;
    color: #fff;
    border-bottom: 2px solid #F7F7F7;
    padding-top: 47px;
  }
  .center_box05 .box-right ul{
    padding-top: 12px;
  }
  .center_box05 .box-right ul li{
    display: flex;
    flex-direction: column;
    padding-top: 19px;
    font-size: 15px;
    line-height: 15px;
    text-align: left;
  }
  .center_box05 .box-right ul li span:nth-child(1){
    color: #fff;
  }
  .center_box05 .box-right ul li span:nth-child(2){
    color: #f8b62d;
    padding-top:9px ;
  }
}